import Vue from 'vue'
import Vuex from 'vuex'

import count from './modules/count'
import user from './modules/user'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  // 模块化vuex引入
  // 模块化，它默认是没有强制的命名空间，所以除了state数据获取要命名空间名外，其他的选项的操作在没有强制开启命令空间时，都无须命名空间书写
  // 如果要启强制命名空间，则key对于所有的配置都是生效，都要书写，只是写法有所不同
  modules: {
    // key:value
    // key   它就是命名空间名称，获取独立的state时它的对象前缀属性 this.$store.state.count.num
    // value 它就是你小的vuex的模块对象
    count,
    user
  }
})

export default store
